$osd_borders_color: transparentize(black, 0.3);
$osd_outer_borders_color: transparentize(white, 0.9);
+$sidebar_bg_color: lighten($bg_color,5%);
+
$tooltip_borders_color: $osd_outer_borders_color;
//insensitive state derived colors
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
+$backdrop_sidebar_bg_color: lighten($backdrop_bg_color,5%);
.sidebar {
border: none;
- $_sidebar_bg: lighten($bg_color,5%);
- background-color: $_sidebar_bg;
+ background-color: $sidebar_bg_color;
+
.scrollbar {
&.trough {
background-color: darken($bg_color,10%);
border-width: 2px;
border-color: transparent;
}
+
&.slider {
- background-color: $_sidebar_bg;
+ background-color: $sidebar_bg_color;
&:hover { background-color: lighten($bg_color, 10%); }
}
}
+
&:backdrop {
- background-color: lighten($backdrop_bg_color,5%);
+ background-color: $backdrop_sidebar_bg_color;
}
+
&:selected {
background-color: $selected_bg_color;
}
// Places sidebar is a special case, since the view here have to look like chrome not content, so we override text color
GtkPlacesSidebar.sidebar .view {
+
color: $fg_color;
+ background-color: transparent;
+
&:backdrop { color: $backdrop_fg_color; }
+
&:selected {
color: $selected_fg_color;
+ background-color: $selected_bg_color;
+
&:backdrop { color: if($variant == 'light', $backdrop_base_color, $selected_bg_color); }
}
+
.separator,
.separator:backdrop { @extend .separator; }
}
+
.sidebar-item {
padding: 10px 4px;
> .label {
}
}
+
+/*********
+ * Paned *
+ *********/
+
GtkPaned { // this is for the standard paned separator
-GtkPaned-handle-size: 1; // sets separator width
background-color: #215d9c; }
GtkPlacesSidebar.sidebar .view {
- color: #eeeeec; }
+ color: #eeeeec;
+ background-color: transparent; }
GtkPlacesSidebar.sidebar .view:backdrop {
color: #939695; }
GtkPlacesSidebar.sidebar .view:selected {
- color: #ffffff; }
+ color: #ffffff;
+ background-color: #215d9c; }
GtkPlacesSidebar.sidebar .view:selected:backdrop {
color: #215d9c; }
.sidebar-item.needs-attention > .label {
background-size: 6px 6px, 0 0; }
+/*********
+ * Paned *
+ *********/
GtkPaned {
-GtkPaned-handle-size: 1;
margin: 0 8px 8px 0; }
background-color: #4a90d9; }
GtkPlacesSidebar.sidebar .view {
- color: #2e3436; }
+ color: #2e3436;
+ background-color: transparent; }
GtkPlacesSidebar.sidebar .view:backdrop {
color: #8d9091; }
GtkPlacesSidebar.sidebar .view:selected {
- color: #ffffff; }
+ color: #ffffff;
+ background-color: #4a90d9; }
GtkPlacesSidebar.sidebar .view:selected:backdrop {
color: white; }
.sidebar-item.needs-attention > .label {
background-size: 6px 6px, 0 0; }
+/*********
+ * Paned *
+ *********/
GtkPaned {
-GtkPaned-handle-size: 1;
margin: 0 8px 8px 0; }